<div>
    <div class="row" v-if="govCadrePersonManageInfo.componentShow == 'govCadrePersonManage'">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>查询条件</h5>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-4">
                            <input type="text" placeholder="请输入身份证"
                                v-model="govCadrePersonManageInfo.conditions.idCardLike" class=" form-control">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" placeholder="请输入人员名称"
                                v-model="govCadrePersonManageInfo.conditions.personNameLike" class=" form-control">
                        </div>
                        <div class="col-sm-4">
                            <input type="text" placeholder="联系方式"
                                v-model="govCadrePersonManageInfo.conditions.personTelLike" class=" form-control">
                        </div>
                        <div class="col-sm-1">
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryGovPersonMethod()">
                                <i class="glyphicon glyphicon-search"></i> 查询
                            </button>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
    <div class="row" v-if="govCadrePersonManageInfo.componentShow == 'govCadrePersonManage'">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>犯罪人员</h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm"
                            v-on:click="_openAddGovCadrePerson()">
                            <i class="glyphicon glyphicon-plus"></i>
                            添加
                        </button>
                    </div>
                </div>
                <div class="ibox-content">

                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                            <tr>
                                <th class="text-center">帮扶记录</th>
                                <th class="text-center">帮扶角色</th>
                                <th class="text-center">人口类型</th>
                                <th class="text-center">证件类型</th>
                                <th class="text-center">证件号码</th>
                                <th class="text-center">姓名</th>
                                <th class="text-center">电话</th>
                                <th class="text-center">性别</th>
                                <th class="text-center">民族</th>
                                <th class="text-center">政治面貌</th>
                                <th class="text-center">婚姻状况</th>
                                <th class="text-center">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="govPerson in govCadrePersonManageInfo.govPersons">
                                <td class="text-center">{{govPerson.listName}}</td>
                                <td class="text-center">{{govPerson.labelName}}</td>
                                <td class="text-center">{{govPerson.personTypeName}}</td>
                                <td class="text-center">{{govPerson.idType == '1'?'身份证':'其他'}}</td>
                                <td class="text-center">{{govPerson.idCard}}</td>
                                <td class="text-center">{{govPerson.personName}}</td>
                                <td class="text-center">{{govPerson.personTel}}</td>
                                <td class="text-center">{{govPerson.personSex == '0'?'女':'男'}}</td>
                                <td class="text-center">{{govPerson.nation}}</td>
                                <td class="text-center">{{_getSpecName(govPerson.politicalOutlook)}}</td>
                                <td class="text-center">{{govPerson.maritalStatus == 'N'?'未婚':'已婚'}}</td>
                                <td class="text-center">
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs"
                                            v-on:click="_openViewGovPersons(govPerson)">详情</button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs"
                                            v-on:click="_openDeleteGovCadrPerson(govPerson)">删除</button>
                                    </div>
                                </td>

                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">
                                    <ul class="pagination float-right"></ul>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>
    <div v-bind:class="{no_display:govCadrePersonManageInfo.componentShow != 'addGovCadrePerson'}">
        <vc:create path="gov/addGovCadrePerson" callBackListener="" callBackFunction=""></vc:create>
        </div>
        <vc:create path="gov/deleteGovCadrePerson"></vc:create>
        <vc:create path="gov/chooseGovPerson" emitChooseGovPerson="addGovCadrePerson" emitLoadData="openChooseGovPerson" ></vc:create>
    
</div>